<!doctype html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>福建友达胶粘制品有限公司</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- Mobile Specific Meta -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
	<!-- Bootstrap  -->
	<link href="assets/css/bootstrap.min.css" rel="stylesheet">
	<!-- icon fonts font Awesome -->
	<link href="assets/css/font-awesome.min.css" rel="stylesheet">
	<!-- Import Magnific Pop Up Styles -->
	<link rel="stylesheet" href="assets/css/magnific-popup.css">
	<!-- Import Custom Styles -->
	<link href="assets/css/style.css" rel="stylesheet">
	<!-- Import Animate Styles -->
	<link href="assets/css/animate.min.css" rel="stylesheet">
	<!-- Import owl.carousel Styles -->
	<link href="assets/css/owl.carousel.css" rel="stylesheet">
	<!-- Import Custom Responsive Styles -->
	<link href="assets/css/responsive.css" rel="stylesheet">
	<!--[if IE]>
 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 <![endif]-->
 <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>

</head>

<body class="header-fixed-top">
	<div id="page-top" class="page-top"></div>
	<!-- /.page-top -->
	<section id="top-contact" class="top-contact">
		<div class="container">
			<div class="row">
				<div class="col-sm-8 pull-left">
					<ul class="contact-list">
						<li>
							<a class="site-name" href="#">
								<span class="top-icon"><i class="fa fa-link"></i></span> www.cnyouda.cn
							</a>
						</li>
						<li>
							<a class="phone-no" href="#">
								<span class="top-icon"><i class="fa fa-phone"></i></span> 0595-87287777
							</a>
						</li>
					</ul>
				</div>

				<!-- <div class="col-sm-4 pull-right">
					<div class="top-social">
						<ul>
							<li>
								<a href="#" class="top-icon fa fa-facebook"></a>
							</li>
							<li>
								<a href="#" class="top-icon fa fa-twitter"></a>
							</li>
							<li>
								<a href="#" class="top-icon fa fa-linkedin"></a>
							</li>
						</ul>
					</div>
				</div> -->
			</div>
			<!-- /.row -->
		</div>
		<!-- /.container -->
	</section>
	<!-- /#top-contact -->
	<section id="site-banner" class="site-banner text-center">
		<div class="container">
			<div class="site-logo">
				<a href="./"><img src="images/logo.png" alt="Site Logo"></a>
			</div>
			<!-- /.site-logo -->
		</div>
		<!-- /.container -->
	</section>
	<!-- /#site-banner -->
	<header id="main-menu" class="main-menu">
		<div class="container">
			<div class="row">
				<div class="col-sm-7">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu"><i class="fa fa-bars"></i></button>
						<div class="menu-logo">
							<a href="./"><img src="images/logo.png" alt="menu Logo"></a>
						</div>
						<!-- /.menu-logo -->
					</div>
					<nav id="menu" class="menu collapse navbar-collapse">
						<ul id="headernavigation" class="menu-list nav navbar-nav">
							<li class="active"><a href="#page-top">首页</a></li>
							<li><a href="#about">关于我们</a></li>
							<li><a href="#portfolio">产品展示</a></li>
							<li><a href="#services">旗下公司</a></li>
							<li><a href="#latest-post">新闻</a></li>
							<li><a href="#contact">联系我们</a></li>
						</ul>
						<!-- /.menu-list -->
					</nav>
					<!-- /.menu-list -->
				</div>

				<div class="col-sm-5">
					<div class="menu-search pull-right">
						<form role="search" class="search-form" action="#" method="get">
						</form>
						<!-- /.search-form -->
					</div>
					<!-- /.menu-search -->
				</div>
			</div>
			<!-- /.row -->
		</div>
		<!-- /.container -->
	</header>
	<!-- /#main-menu -->
	<section id="main-slider">
		<div class="container">
			<img src="images/banner-0.jpg" alt="">
		</div>
	</section>
	<!-- /#main-slider -->
	<section id="about" class="about">
		<div class="container">
			<div class="about-area">
				<div class="title-area text-center">
					<h2 class="about-title">关于我们</h2>
					<p class="title-description">About us</p>
				</div>
				<!-- /.title-area -->
				<div class="about-items">
					<div class="col-sm-4">
						<div class="item">
							<div class="item-top">
								<h3 class="item-title">公司介绍</h3>
								<h4 class="sub-title">Company introduction</h4>
							</div>
							<!-- /.item-top -->
							<p class="item-description">
								福建友达胶粘制品有限公司始创于1994年，经过二十几年的创业拼搏，已发展成集产品研发、生产、销售为一体的专业性现代化管理企业。2011年成立福建友达胶粘集团。目前，集团旗下公司总占地面积20多万平方米，员工1500多人，主要生产BOPP胶带、PVC电气绝缘胶带、PVC阻燃电气胶带、易撕胶带、高压自粘带、警示胶带、美纹胶带、牛皮胶带、双面胶带、海棉胶带等。集团公司共拥有25条先进的涂布生产线，生产规模居全国同行业前列，是国内胶粘带行业的佼佼者。
							</p>
							</a>
						</div>
						<!-- /.item -->
					</div>
					<div class="col-sm-4">
						<div class="item">
							<div class="item-top">
								<h3 class="item-title">企业精神</h3>
								<h4 class="sub-title">Enterprise spirit</h4>
							</div>
							<!-- /.item-top -->
							<p class="item-description">
								诚信 创新 团结 务实
								<br>诚信是企业的形象，是企业发展、事业成功的保证。
								<br>创新是企业持续发展的永恒目标，不断创新才能长远发展。
								<br>团结就是力量，精诚合作，团结互助，奋力拼搏，是企业发展的动力。
								<br>务实是工作的标准，是管理的保证，是质量的保证，是企业发展的基础。
								<br>严于律已，宽于待人。责人之心责已，恕已之心恕人。
								<br>勤奋敬业，精益求精，追求卓越，善于进取，勇于奉献。
						</div>
						<!-- /.item -->
					</div>
					<div class="col-sm-4">
						<div class="item">
							<div class="item-top">
								<h3 class="item-title">企业理念</h3>
								<h4 class="sub-title">Enterprise idea</h4>
							</div>
							<!-- /.item-top -->
							<p class="item-description">
								用人理念：以人为本，量才适用，忠诚胜于能力。
								<br>质量理念：质量是企业的生命，在满意中求完美。友达胶带给您一个满意的交代！
								<br>经营理念：市场多变，诚信不变。
								<br>服务理念：客户意见是企业管理的需要，客户永远第一。
								<br>危机理念：逆水行舟不进则退，企业发展与停滞只是一步之遥。
								<br>工作目标明确，职责权限明确，是开展工作的前提。
								<br>敏捷响应，迅速行动，是效率和效益的保证。
							</p>
							</a>
						</div>
						<!-- /.item -->
					</div>
				</div>
				<!-- /.about-items -->
			</div>
			<!-- /.about-area -->
		</div>
		<!-- /.container -->
	</section>
	<!-- /#about -->
	<section id="portfolio" class="portfolio text-center">
		<div class="container">
			<div class="portfolio-area">
				<div class="portfolio-top">
					<h2 class="portfolio-title">主要产品展示</h2>
					<p class="title-description">Main products show</p>
					<div class="slide-nav-container">
						<a class="slide-nav left slide-left post-prev" data-slide="post-prev"><i class="fa fa-angle-left"></i></a>
						<a class="slide-nav right slide-right post-next" data-slide="post-next"><i class="fa fa-angle-right"></i></a>
					</div>
				</div>
				<!-- /.portfolio-top -->

				<div id="portfolio-slider" class="portfolio-slider owl-carousel owl-theme">
					<div class="item">
						<div class="item-image">
							<img src="images/portfolio/1.jpg" alt="Portfolio Image">
						</div>
						<span class="item-title">美纹胶带</span>
					</div>
					<div class="item">
						<div class="item-image">
							<img src="images/portfolio/2.jpg" alt="Portfolio Image">
						</div>
						<span class="item-title">牛皮纸胶带</span>
					</div>
					<div class="item">
						<div class="item-image">
							<img src="images/portfolio/3.jpg" alt="Portfolio Image">
						</div>
						<span class="item-title">pvc电工胶带</span>
					</div>
					<div class="item">
						<div class="item-image">
							<img src="images/portfolio/4.jpg" alt="Portfolio Image">
						</div>
						<span class="item-title">高压橡胶自粘带</span>
					</div>
					<div class="item">
						<div class="item-image">
							<img src="images/portfolio/5.jpg" alt="Portfolio Image">
						</div>
						<span class="item-title">双面胶带</span>
					</div>
					<div class="item">
						<div class="item-image">
							<img src="images/portfolio/6.jpg" alt="Portfolio Image">
						</div>
						<span class="item-title">文具胶带</span>
					</div>
					<div class="item">
						<div class="item-image">
							<img src="images/portfolio/7.jpg" alt="Portfolio Image">
						</div>
						<span class="item-title">bopp印刷胶带</span>
					</div>
					<div class="item">
						<div class="item-image">
							<img src="images/portfolio/8.jpg" alt="Portfolio Image">
						</div>
						<span class="item-title">PVC易撕胶带</span>
					</div>
				</div>
			</div>
			<!-- /.portfolio-area -->
		</div>
		<!-- /.container -->
	</section>
	<!-- /#portfolio -->
	<section id="services" class="services">
		<div class="container">
			<div class="service-area">
				<div class="row">
					<div class="service-items">
						<div class="col-sm-6">
							<div class="item">
								<div class="row">
									<div class="col-sm-6">
										<h3 class="item-title">集团旗下公司</h3>
										<span class="sub-title">Group company </span>
									</div>
									<div class="col-sm-6">
										<p class="item-description">
											福建友达胶粘制品有限公司、湖北友达胶粘制品有限公司、成都友达胶粘制品有限公司、福建中工塑化有限公司、三明中工塑胶有限公司、泉州友达贸易有限公司等全国100多个营销机构。

									</div>
									<!-- /.row -->
								</div>
								<!-- /.item -->
							</div>
						</div>
						<div class="col-sm-6">
							<div class="service-accordion">
								<div class="accordion">
									<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
										<div class="panel panel-default">
											<div class="panel-heading" role="tab" id="headingOne">
												<h4 class="panel-title">
													<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">福建友达胶粘制品有限公司</a>
												</h4>
											</div>
											<div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingOne">
												<div class="panel-body">
													<span class="service-image"><img src="images/services/1.jpg" alt="Service Image"></span>
													<span class="accordion-title"></span>
													<p>
														consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi Sed egestas, ante et vulputate
														volutpat is, gravida id
													</p>
												</div>
											</div>
										</div>
										<div class="panel panel-default">
											<div class="panel-heading" role="tab" id="headingTwo">
												<h4 class="panel-title">
													<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">湖北友达胶粘制品有限公司</a>
												</h4>
											</div>
											<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
												<div class="panel-body">
													<span class="service-image"><img src="images/services/2.jpg" alt="Service Image"></span>
													<p>
														consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi Sed egestas, ante et vulputate
														volutpat is, gravida id
													</p>
												</div>
											</div>
										</div>
										<div class="panel panel-default">
											<div class="panel-heading" role="tab" id="headingThree">
												<h4 class="panel-title">
													<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">成都友达胶粘制品有限公司</a>
												</h4>
											</div>
											<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
												<div class="panel-body">
													<span class="service-image"><img src="images/services/3.jpg" alt="Service Image"></span>
													<span class="accordion-title">Lorem ipsum dolor sit amet</span>
													<p>
														consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi Sed egestas, ante et vulputate
														volutpat is, gravida id
													</p>
												</div>
											</div>
										</div>
										<div class="panel panel-default">
											<div class="panel-heading" role="tab" id="headingFour">
												<h4 class="panel-title">
													<a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour">福建中工塑化有限公司</a>
												</h4>
											</div>
											<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
												<div class="panel-body">
													<span class="service-image"><img src="images/services/2.jpg" alt="Service Image"></span>
													<p>
														consectetuer adipiscing elit. Phasellus hendrerit. Pellentesque aliquet nibh nec urna. In nisi Sed egestas, ante et vulputate
														volutpat is, gravida id
													</p>
												</div>
											</div>
										</div>
									</div>
								</div>
								<!-- /.accordion -->

							</div>
							<!-- /.service-accordion -->
						</div>
						<!-- /.service-items -->
					</div>
					<!-- /.row -->
				</div>
				<!-- /.service-area -->
			</div>
			<!-- /.container -->
	</section>
	<!-- /#services -->
	<section id="latest-post" class="latest-post">
		<div class="container">
			<div class="post-area">
				<div class="post-area-top text-center">
					<h2 class="post-area-title">新闻中心</h2>
					<p class="title-description">News Center</p>
				</div>
				<!-- /.post-area-top -->
				<div class="row">
					<div class="latest-posts">
						<div class="col-sm-6">
							<div class="item">
								<article class="post type-post">
									<div class="post-top">
										<div class="post-thumbnail">
											<img src="images/blog/1.jpg" alt="post Image">
										</div>
										<!-- /.post-thumbnail -->
										<div class="post-meta">
											<div class="entry-meta">
												<span class="entry-date">
     <time datetime="2015-01-15">15 Jan 2015</time>
      </span>
												<span class="author-name">
     <a href="#">John Doe</a>
      </span>
												<span class="post-tags">
     <ul class="tag-list">
       <li><a href="#">web-design</a></li>
       <li><a href="#">html5</a></li>
       <li><a href="#">css3</a></li>
     </ul>
      </span>
											</div>
											<!-- /.entry-meta -->
										</div>
										<!-- /.post-meta -->
									</div>
									<!-- /.post-top -->
									<div class="post-content">
										<h2 class="entry-title"><a href="blog-single.html">水性胶黏剂替代溶剂型胶黏剂已成大趋势</a></h2>
										<p class="entry-text">
											据统计，到2020年，全球胶黏剂及塑封剂市场市值将达431.955亿美元，这段时间内胶黏剂和塑封剂市场最主要的驱动力来自于中国、印度和巴西这几个国家建筑、汽车和包装市场的发展。 同时业内人士还面临着原材料价格浮动较大的挑战因素。美国和欧洲等地区对环保的要求越来越高，这在某种程度上阻碍了胶黏剂和塑封剂的市场发展。面对种种挑战，业内人士也努力寻找发展可持续的解决方案来替代原来的石油基胶黏剂和塑封剂。可持续胶黏剂和塑封剂产品主要采用植物油作为原材料从而达到环保的效果。
											2013年，水性胶黏剂在国际市场中占主导地位，占到总销售量的46%。水性胶黏剂不含挥发性有机物，对环境的影响较少，这是该产品最大的发展潜力。在未来的10年内，水性胶黏剂有望在美国和欧洲市场上完全替代溶剂型胶黏剂。2014到2020年，水性胶黏剂市场的复合年均增长率达5.4%。到2020年，全球热熔胶市场容量达237.99万吨，6年间的年均增长率达5.1%。
											2013年，全球胶黏剂市场容量897.66万吨，预计到2020年市场容量将达1239.22万吨，复合年均增长率达4.7%。另一方面，2013年全球塑封剂市场容量176.45万吨，预计到2020年将达到237.15万吨，复合年均增长率达4.3%。
											2013年，丙烯酸胶黏剂占到全球胶黏剂市场的36.9%，而且丙烯酸胶黏剂会是2014年到2020年间胶黏剂市场中发展最快的，复合年均增长率为5.3%。紧跟在丙烯酸胶黏剂之后的是PVA胶黏剂，占到总市场分额的28.1%。对塑封剂市场而言，聚硅酮目前以30.3%的份额占主导地位，同时聚硅酮也将是发展最快的市场，复合年均增长率达4.9%。
											下游应用方面，压敏材料是最大的下游市场，占到总份额的29.1%。但是家具市场的发展是最快的，复合年均增长率达5.9%。与此同时，中国、巴西和印度国家的可支配收入水平逐年增加，驱动该区域的市场需求。对塑封剂市场而言，建筑领域仍然是最大的下游应用，占到总市场份额的27.3%。汽车领域紧随其后，占到市场份额的19.2%。
											2013年，不管是胶黏剂还是塑封剂，亚太地区仍然在全球范围内占领主要地位，该区域对胶黏剂和塑封剂的需求份额分别是42.6%和39.2%。亚太区同时还会是发展最快的市场，胶黏剂和塑封剂的复合年均增长率分别是5.9%和5.3%。欧洲市场是第二大市场。
											就整个胶黏剂和塑封剂的价值链来说，还有由跨国公司主导。主要的公司有汉高、3M、HB富乐、陶氏，这几个公司占了全球市场的48%。其他的一些活跃的公司还包括艾利丹尼森、巴斯夫、伊士曼、波士胶、亚什兰和安士澳。
										</p>
										<a class="btn" href="#">
											<span class="btn-icon"><i class="fa fa-arrow-circle-right"></i></span> Read More
										</a>
									</div>
									<!-- /.post-content -->
								</article>
							</div>
							<!-- /.item -->
						</div>
						<div class="col-sm-6">
							<div class="item">
								<article class="post type-post">
									<div class="post-top">
										<div class="post-thumbnail">
											<img src="images/blog/2.jpg" alt="post Image">
										</div>
										<!-- /.post-thumbnail -->
										<div class="post-meta">
											<div class="entry-meta">
												<span class="entry-date">
      <time datetime="2015-01-15">2014-06-25</time>
    </span>
												<span class="author-name">
      <a href="#">John Doe</a>
    </span>
												<span class="post-tags">
      <ul class="tag-list">
     <li><a href="#">行业动态</a></li>
     <li><a href="#"></a></li>
     <li><a href="#"></a></li>
      </ul>
    </span>
											</div>
											<!-- /.entry-meta -->
										</div>
										<!-- /.post-meta -->
									</div>
									<!-- /.post-top -->
									<div class="post-content">
										<h2 class="entry-title"><a href="blog-single.html">胶粘剂行业用科技重塑辉煌</a></h2>
										<p class="entry-text">
											随着科技的不断发展，如今，社会已经进入信息时代，信息技术的革命正在影响着我们生活的方方面面。互联网技术的发展，以及移动设备的不断更新，给企业在经营中带来了新的机遇与挑战。电子商务如今成为越来越多人关注的话题，也成为人们交易的习惯之一。这种新的市场变化，给传统企业也提出了课题。
											　　在中国，胶粘剂行业是关系国计民生的重要行业，同时，胶粘剂行业也是传统行业的代表。从整体发展情况来看，中国胶粘剂产业规模正在逐渐扩大，同时行业内的技术水平也在不断提升。虽然从整体上来分析，胶粘剂行业呈现出从小变大、由弱变强的趋势，不过面对移动互联网的冲击，整个行业还应该重新审视自己的经营模式与发展渠道。
											　　为了适应智能手机的普及，移动互联终端不断出现，对于企业来说，就是移动营销概念开始出现。电子商务、APP平台、行业3G关键词等等这些新兴的名词都在预示着一个时代的来临。在这种发展大背景下，中国胶粘剂行业也要紧随发展的趋势，打造属于自己的移动互联天地。行业专家李凤华预测，未来的胶粘剂行业将呈现规模迅速扩大，产量、销售额迅猛增长，应用领域不断拓展等特点，胶粘剂产品广泛应用到电子电器、建筑建材、汽车与交通运输、机械制造、医疗卫生、航空航天、轻工和日常生活等众多领域。而实现这些发展前景的前提，就是能够在移动互联网时代下，正确的找到自己发展的道路。
											　　“中国胶粘剂”平台就是在移动互联网快速发展的背景下出现的，应运而生。作为“中国胶粘剂”平台的负责人，李凤华介绍说“中国胶粘剂”是一个专业的胶粘剂行业信息平台，网站所发展的重点是胶粘剂行业的中小企业，通过企业自身网站的核心连接，将整个行业的采购、信息提供、服务等相关信息进行整合，形成行业内一体化的专业胶粘剂电子商务平台。
											　　在“中国胶粘剂”网站上，你可以看到最新的行业信息以及胶粘剂的产品类别的详细介绍。行业专家也评价称，“中国胶粘剂”网站还包括很多功能信息、厂家信息、供求信息等等，力求通过“中国胶粘剂”网站，使企业能够更简便的掌握行业信息、行业政策以及供求情况，促进整个行业的良性发展。
										</p>
										<a class="btn" href="#">
											<span class="btn-icon"><i class="fa fa-arrow-circle-right"></i></span> Read More
										</a>
									</div>
									<!-- /.post-content -->
								</article>
							</div>
							<!-- /.item -->
						</div>
					</div>
					<!-- /.latest-posts -->
				</div>
				<!-- /.row -->
			</div>
			<!-- /.post-area -->
		</div>
		<!-- /.container -->
	</section>
	<!-- /#latest-post -->
	<!-- Subscribe Section -->
	<section style="display: none;" id="subscribe-section" class="subscribe-section text-center">
		<div class="container">
			<form class="news-letter" method="post">
				<p class="alert-success"></p>
				<p class="alert-warning"></p>

				<div class="subscribe-hide">
					<input class="form-control" type="email" id="subscribe-email" name="subscribe-email" placeholder="Email Address" required>
					<button type="submit" id="subscribe-submit" class="btn btn-md">Subscribe</button>
					<div class="subscribe-error"></div>
				</div>
				<!-- /.subscribe-hide -->
				<div class="subscribe-message"></div>
			</form>
			<!-- /.news-letter -->
		</div>
		<!-- /.container -->
	</section>
	<!-- /#subscribe-section -->
	<!-- Subscribe Section End -->
	<section id="contact" class="contact">
		<div class="contact-area">
			<!-- Google Map Section -->
			<div id="google-map" class="google-map">
				<div class="map-container">
					<div id="dituContent" class="google-map-container">
					</div>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMarker();//向地图中添加marker
    }
    
    //创建地图函数：
    function createMap(){
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(118.714267,25.016709);//定义一个中心点坐标
        map.centerAndZoom(point,18);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }
    
    //地图事件设置函数：
    function setMapEvent(){
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }
    
    //地图控件添加函数：
    function addMapControl(){
        //向地图中添加缩放控件
	var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
	map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
	var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
	map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
	var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
	map.addControl(ctrl_sca);
    }
    
    //标注点数组
    var markerArr = [{title:"福建友达胶粘制品有限公司",content:"电话：0595-87287777<br/>网站：www.cnyouda.cn",point:"118.714055|25.016463",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
		 ];
    //创建marker
    function addMarker(){
        for(var i=0;i<markerArr.length;i++){
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0,p1);
			var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point,{icon:iconImg});
			var iw = createInfoWindow(i);
			var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
			marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                        borderColor:"#808080",
                        color:"#333",
                        cursor:"pointer"
            });
			
			(function(){
				var index = i;
				var _iw = createInfoWindow(i);
				var _marker = marker;
				_marker.addEventListener("click",function(){
				    this.openInfoWindow(_iw);
			    });
			    _iw.addEventListener("open",function(){
				    _marker.getLabel().hide();
			    })
			    _iw.addEventListener("close",function(){
				    _marker.getLabel().show();
			    })
				label.addEventListener("click",function(){
				    _marker.openInfoWindow(_iw);
			    })
				if(!!json.isOpen){
					label.hide();
					_marker.openInfoWindow(_iw);
				}
			})()
        }
    }
    //创建InfoWindow
    function createInfoWindow(i){
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
        return iw;
    }
    //创建一个Icon
    function createIcon(json){
        var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
        return icon;
    }
    
    initMap();//创建和初始化地图
</script>
				</div>
				<!-- /.map-container -->
			</div>
			<!-- /#google-map-->
			<!-- Google Map Section End -->
			<div id="message-details" class="message-details hidden">
				<div class="container">
					<form action="email.php" method="post" id="myForm" class="message-form">
						<div class="row">
							<div class="col-sm-6">
								<input id="author" class="form-control" name="author" type="text" value="" size="30" aria-required="true" placeholder="Name*"
									title="Name" required>
								<input id="email" class="form-control" name="email" type="email" value="" size="30" aria-required="true" placeholder="Email*"
									title="Email" required>
								<input id="subject" class="form-control" name="subject" type="subject" value="" size="30" aria-required="true" placeholder="Subject*"
									title="Subject" required>
							</div>
							<div class="col-sm-6">
								<textarea id="message" class="form-control" name="message" cols="45" rows="3" aria-required="true" placeholder="Message"
									title="Message" required></textarea>
								<button name="submit" class="btn btn-lg full-width" type="submit" id="submit">Submit</button>
							</div>
						</div>
						<!-- /.row -->
					</form>
					<!-- /#commentform -->
				</div>
				<!-- /.container -->
			</div>
			<!-- /.message-details -->
		</div>
		<!-- /.contact-area -->
	</section>
	<!-- /#contact -->
	<footer>
		<div id="footer-top" class="footer-top">
			<div class="container">
				<div class="row hidden">
					<div id="tweet" class="tweet text-left">
						<div class="col-xs-4 about-tweet">
							<span class="tweet-icon"><i class="fa fa-twitter"></i></span>
							<span class="tweet-author">John Doe</span>
							<p class="tweet-details">
								Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis eupulvinar nuncint
							</p>
							<!-- /.tweet-details -->
							<time datetime="PT2H">2 Hours Ago</time>
						</div>
						<div class="col-xs-4 about-tweet">
							<span class="tweet-icon"><i class="fa fa-twitter"></i></span>
							<span class="tweet-author">John Doe</span>
							<p class="tweet-details">
								Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis eupulvinar nuncint
							</p>
							<!-- /.tweet-details -->
							<time datetime="PT2H">2 Hours Ago</time>
						</div>
						<div class="col-xs-4 about-tweet">
							<span class="tweet-icon"><i class="fa fa-twitter"></i></span>
							<span class="tweet-author">John Doe</span>
							<p class="tweet-details">
								Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis eupulvinar nuncint
							</p>
							<!-- /.tweet-details -->
							<time datetime="PT2H">2 Hours Ago</time>
						</div>
					</div>
					<!-- /#tweet -->
				</div>
				<!-- /.row -->
			</div>
			<!-- /.container -->
		</div>
		<!-- /#footer-top -->
		<div id="footer-bottom" class="footer-bottom text-center">
			<div class="container">
				<div id="copyright" class="copyright">Copyright &copy; 2016.Company name All rights reserved.<a target="_blank" href="http://www.cnyouda.cn/">福建友达胶粘制品有限公司</a></div>
				<!-- /#copyright -->
			</div>
		</div>
		<!-- /#footer-bottom -->
	</footer>
	<div class="scroll-phone">
		<a href="tel:0595-87287777"><i class="fa fa-phone"></i></a>
	</div>
	<div class="scroll-qq">
		<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=3191797098&site=qq&menu=yes"><i class="fa fa-qq"></i></a>
	</div>
	<div class="scroll-qrcode">
		<img src="images/qrcode.jpg" alt="二维码">
		<span><i class="fa fa-qrcode"></i></span>
	</div>
	<div id="scroll-to-top" class="scroll-to-top">
		<span><i class="fa fa-chevron-up"></i></span>
	</div>
	<!-- /#scroll-to-top -->



	<!-- Include modernizr-2.8.3.min.js -->
	<script src="assets/js/modernizr-2.8.3.min.js"></script>

	<!-- Include jquery.min.js plugin -->
	<script src="assets/js/jquery-2.1.0.min.js"></script>

	<!-- Include magnific-popup.min.js -->
	<script src="assets/js/jquery.magnific-popup.min.js"></script>

	<!--<script src="http://maps.google.com/maps/api/js?sensor=true"></script>--->

	<!-- Gmap3.js For Static Maps -->
	<script src="assets/js/gmap3.js"></script>

	<!-- Javascript Plugins  -->
	<script src="assets/js/plugins.js"></script>

	<!-- Custom Functions  -->
	<script src="assets/js/functions.js"></script>

	<script src="assets/js/wow.min.js"></script>



	<script>

		$(document).ready(function () {

			/* -------- One page Navigation ----------*/
			$('#main-menu #menu').onePageNav({
				currentClass: 'active',
				changeHash: false,
				scrollSpeed: 1500,
				scrollThreshold: 0.5,
				scrollOffset: 95,
				filter: ':not(.sub-menu a, .not-in-home)',
				easing: 'swing'
			});


			/*----------- Google Map - with support of gmaps.js ----------------*/

			function isMobile() {
				return ('ontouchstart' in document.documentElement);
			}

			function init_gmap() {
				if (typeof google == 'undefined') return;
				var options = {
					center: [-37.817331, 144.955652],
					zoom: 15,
					mapTypeControl: true,
					mapTypeControlOptions: {
						style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
					},
					navigationControl: true,
					scrollwheel: false,
					streetViewControl: true
				}

				if (isMobile()) {
					options.draggable = false;
				}

				$('#googleMaps').gmap3({
					map: {
						options: options
					},
					marker: {
						latLng: [-37.817331, 144.955652],
						options: { icon: 'images/mapicon.png' }
					}
				});
			}

			init_gmap();
		});



	</script>

</body>

</html>